@charset "utf-8";

/*--------------------- 通用样式 ---------------------*/

html,body{width:100%;height:auto; }
*{margin:0;padding:0;}
img { border: 0 none; vertical-align: top; }
ol, ul {list-style: none;}
i, em, cite { font-style: normal; }
button{ cursor:pointer;}
table,table td { border-collapse:collapse; border-spacing: 0;}
html, div, span, object, iframe, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small,font, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{
    margin:0px;
    padding:0px;
    border:0px;
    outline:0px;
    font-size:100%;
    vertical-align: baseline;
    background:transparent;
	list-style-type:none;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-family: "Microsoft Yahei", "微软雅黑", Helvetica;
	
}
/*------------------------------- 网页背景色 ----------------------------------*/
#wrapper{width:100%;height:100%;font: 12px "Microsoft Yahei","微软雅黑","宋体",Arial, sans-serif; background:#ffffff  ;}
#nywrapper{width:100%;height:100%;font: 12px "Microsoft Yahei","微软雅黑","宋体",Arial, sans-serif; background:#f5f5f5  ;}


/*--------------------- 超链接效果 ---------------------*/

a{text-decoration:none;outline:none; }
a:hover { text-decoration:none;}

/*--------------------- 文本对齐方式 ---------------------*/

.text_c{text-align:center;}
.text_r{text-align:right;}
.text_l{text-align:left;}

/*--------------------- 字体样式 ---------------------*/

.fw-b{font-weight:bold;}
.fw-n{ font-weight:normal;}
.fs-i{font-style:italic;}

/*--------------------- 行高定义 ---------------------*/

.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}

/*--------------------- 定位关系 ---------------------*/

.absolute{position:absolute;}
.relative{position:relative;}

/*--------------------- 隐藏元素 ---------------------*/

.o-hidden{overflow:hidden;}
.hidden{display: none;}
.block {display:block;}

/*--------------------- 浮动和清除浮动 ---------------------*/

.float_l{float:left;}
.float_r{float:right;}

.clear{clear:both; height:0;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{zoom:1;}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

/*--------------------- 距离样式 ---------------------*/

.mar_t10 { margin-top:10px;}
.mar_b10 { margin-bottom:10px;}
.mar_l10 { margin-left:10px;}
.mar_r10 { margin-right:10px;}
.mar_t25 { margin-top:25px;}
.mar_t27 { margin-top:27px;}
.mar_b20 { margin-bottom:20px;}
.mar_l20 { margin-left:20px;}
.mar_r20 { margin-right:20px;}
.mar_t30 { margin-top:30px;}
.mar_t42 { margin-top:42px;}
.mar_b40 { margin-bottom:40px;}
.mar_t57 { margin-top:57px !important;}
.mar_b30 { margin-bottom:30px;}
.mar_l30 { margin-left:30px;}
.mar_r30 { margin-right:30px;}
.padd_10{ padding:10px;}
.padd_20{ padding:20px;}

/*--------------------- 边框样式 ---------------------*/

.border{ border:#ddd solid 1px;}
.bor_t{ border-top:#ddd solid 1px;}
.bor_b{ border-bottom:#ddd solid 1px;}
.bor_l{ border-left:#ddd solid 1px;}
.bor_r{ border-right:#ddd solid 1px;}
.NoBorder { border:0 none; }




/*分页*/
.sh_page{margin:30px 0;height:33px;line-height:33px;*line-height:50px;}
.sh_page a{padding:5px 8px;border:1px solid #ccc;margin-left:3px;color:#5b5b5b;}
.dangqian{background:#efefef;}


.fanye{color:#4c4c4c;line-height:20px;margin:10px 0px 20px 0px;}
.fanye div{ border-bottom:1px dotted #ddd; padding-bottom:10px; padding-top:10px;}
.fanye a { color:#4c4c4c;}
.fanye a:hover{text-decoration:underline; color:#ff9600;}


/* 返回顶部 */
.dn{}
.go-top{position: fixed;bottom: 17px;right:10px;width: 46px;z-index: 99999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image:url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{position: absolute;right: 60px;top: -100px;width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);background: #fff;}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}







/*! loading animation pattern01
================================================ */
.vegas-animation-mykenburns {
  -webkit-animation: mykenburns cubic-bezier(0.000, 0.000, 0.580, 1.000) 1s;
          animation: mykenburns cubic-bezier(0.000, 0.000, 0.580, 1.000) 1s;
}

@-webkit-keyframes mykenburns {
  0% {
    -webkit-transform: scale(1.2) translate(0, -5%);
            transform: scale(1.2) translate(0, -5%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}

@keyframes mykenburns {
  0% {
    -webkit-transform: scale(1.2) translate(0, -5%);
            transform: scale(1.2) translate(0, -5%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}

/*=============================================================
 07_anime
=============================================================*/
.anime-btnFill {
  z-index: 1;
  box-sizing: border-box;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.anime-btnFill:hover {
  color: #cec8c4;
}

.anime-btnFill:before {
  z-index: -1;
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #24140c;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.anime-btnFill:hover:before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.fadeUp {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.fadeUp.delay01 {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.fadeUp.delay02 {
  -webkit-transition-delay: .7s;
          transition-delay: .7s;
}

.fadeUp.delay03 {
  -webkit-transition-delay: .9s;
          transition-delay: .9s;
}

.fadeUp.delay04 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.fadeUp.delay05 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.fadeUp.delay06 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.fadeUp.delay07 {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.fadeUp.delay08 {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.fadeUp.is-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.fadeInRight {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
  -webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.fadeInRight.is-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* .anime-underLine テキストホバー、中央から下線が伸びる
-------------------------------------- */
.anime-underLine {
  position: relative;
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s;
}

.anime-underLine:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.anime-underLine:hover:after {
  width: 100%;
}

/* 屏幕大小为1900px */
/* @media screen and (min-width: 1361px) and (max-width: 1920px){
  .home_pro .productLeft .blue {
    padding-left: 140px !important;
  }
  .home_pro .productPhone {
    background: url(../images/product-tel.png) no-repeat 140px 15px #ff9600 !important;
    padding-left: 140px !important;
  }
  .asideAdd {
    padding-left: 140px !important;
  }
  .aboutHead .header-right {
    margin-top: 51px !important;
    margin-right: 2px !important;
  }
}
@media screen and (max-width: 1280px) {
  .home_pro .productLeft .blue {
    padding-left: 30px !important;
  }
  .home_pro .productPhone {
    background: url(../images/product-tel.png) no-repeat 30px 15px #ff9600 !important;
    padding-left: 30px !important;
  }
  .asideAdd {
    padding-left:30px !important;
  }
  .aboutHead .header-right {
    margin-top: 51px !important;
    margin-right: 2px !important;
  }
  .leftNews {
    margin-left: 30px !important;
 }
 .rightNews {
    width: 390px !important;
  }
} */